#{extends 'main.html' /}
<div class="page-group">
    <div class="page page-current" id="payment-list">
        <header class="bar bar-nav">
            <a href="javascript:history.go(-1);" class="icon icon-left pull-left"></a>
            <h1 class="title">缴费记录</h1>
        </header>
        <section class="repairList content scroll_y">
            <div class="list-block">
            #{ifnot billList}
                <ul>
                    <li class="item-content">
                        您当前没有缴费记录
                    </li>
                </ul>
            #{/ifnot}
                <ul>
                #{list billList , as :'bill'}
                    #{if bill.type == 'voucher'}
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title"><a href="/payment/detail/${bill.type}/1">${bill?.title}(&{'paymentStatus.' + bill?.payment_status})</a></div>
                                <div class="item-after">¥${bill?.amount}</div>
                            </div>
                        </li>
                    #{/if}
                    #{else }
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title"><a href="/payment/detail/${bill.type}/${bill?.id}">${bill?.title}(&{'paymentStatus.' + bill?.payment_status})</a></div>
                                <div class="item-after">¥${bill?.amount}</div>
                            </div>
                        </li>
                    #{/else}
                #{/list}
                </ul>
            </div>
        </section>

    #{include 'weixin/footer.html'/}

    </div>
</div>

<script type="text/javascript">


    $(function() {

        $.init();


        // 检测高度

        $(".content").on("scroll",function(){
            if($('.content').scrollTop() > 100){
                $('.bar-nav0').addClass("active");
            }else {
                $('.bar-nav0').removeClass("active");
            }
        });


    })
</script>